
<script setup>
// import { reactive, ref, getCurrentInstance, onMounted } from 'vue';
// import abouts from './about';
import { ref } from 'vue';
import { useTools } from '../../plugins/src/index'

const {throttle} = useTools();

const show = throttle(() => {
  console.log(66)
},1000)
</script>

<template>
  <div class="about">
    <h1 class="red-main">This is an about page</h1>
    <button @click="show">点击出现</button>
  </div>
</template>



<style>
@media (min-width: 1024px) {
  .about {

    min-height: 100vh;
    display: flex;
    align-items: center;
  }
}
</style>
